<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8" />
    <title>日志详情</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta content="Premium Multipurpose Admin & Dashboard Template" name="description" />
    <meta content="" name="author" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    <!-- App favicon -->
    <link rel="shortcut icon" href="../assets/images/favicon.ico" th:href="@{/assets/images/favicon.ico}">

    <!-- App css -->
    <link href="../assets/css/bootstrap.min.css" th:href="@{/assets/css/bootstrap.min.css}" rel="stylesheet" type="text/css" />
    <link href="../assets/css/jquery-ui.min.css" th:href="@{/assets/css/jquery-ui.min.css}" rel="stylesheet">
    <link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
    <link href="../assets/css/metisMenu.min.css" rel="stylesheet" type="text/css" />
    <link href="../assets/css/app.min.css" rel="stylesheet" type="text/css" />

</head>

<body>

<!-- Top Bar Start -->
<div th:replace="~{common/top-nav::top-nav}"></div>
<!-- Top Bar End -->


<!-- Left Sidenav -->
<div th:replace="~{common/left-side-nav::left-side-nav}"></div>
<!-- end left-sidenav-->

<div class="page-wrapper">
    <!-- Page Content-->
    <div class="page-content">

        <div class="container-fluid">
            <!-- Page-Title -->
            <div class="row">
                <div class="col-sm-12">
                    <div class="page-title-box">
                        <div class="float-right">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="javascript:void(0);">办公自动化</a></li>
                                <li class="breadcrumb-item"><a href="javascript:void(0);">工作日志管理</a></li>
                                <li class="breadcrumb-item active">工作日志浏览</li>
                            </ol>
                        </div>
                        <h4 class="page-title">工作日志浏览</h4>
                    </div><!--end page-title-box-->
                </div><!--end col-->
            </div>
            <!-- end page title end breadcrumb -->
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body">
                            <form th:action="@{/jobLogin/jobLogin_add}" method="post"
                                  class="needs-validation" novalidate>
                                <!--												novalidate 不让浏览器进行自动验证-->
                                <div class="form-group row">
                                    <label for="userId"
                                           class="col-sm-2 col-form-label text-right">用户名称</label>
                                    <div class="col-sm-8">
                                        <!--required 提交表单时进行验证-->
                                        <p class="form-control"  name="userId" id="userId"
                                           th:text="${jobLogin != null ? jobLogin.user.name: ''}">
                                        </p>

                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label for="logTime"
                                           class="col-sm-2 col-form-label text-right">记录时间</label>
                                    <div class="col-sm-8">
                                        <p class="form-control" type="text" value="" required pattern="^[1-2]{1}[0-9]{1}[0-9]{1}[0-9]{1}-[0-1]{1}[0-9]{1}-[0-3]{1}[0-9]{1}$"
                                               name="logTime" th:text="${jobLogin != null ? jobLogin.logTime : ''}"
                                               id="logTime">

                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label for="title"
                                           class="col-sm-2 col-form-label text-right">日志标题</label>
                                    <div class="col-sm-8">
                                        <p class="form-control" type="text"
                                               name="title" th:text="${jobLogin != null ? jobLogin.title : ''}"
                                               id="title">
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label for="content"
                                           class="col-sm-2 col-form-label text-right">内容</label>
                                    <div class="col-sm-8">
                                        <textarea class="form-control" rows="5" id="content" name="content" th:text="${jobLogin != null ? jobLogin.content : ''}"></textarea>
                                    </div>
                                </div>
                            </form>
                            <span class="float-right">
                                                    <a th:href="@{/jobLogin/jobLogin1}">
                                                    <button id="but_add" class="btn btn-danger">返回</button></a>
                                                </span><!--end table-->
                            </div><!--end card-body-->
                        </div><!--end card-->
                    </div> <!-- end col -->
                </div> <!-- end row -->



            </div><!-- container -->

            <footer class="footer text-center text-sm-left">
                &copy; 2022办公自动化 <span class="text-muted d-none d-sm-inline-block float-right"><i class="mdi mdi-heart text-danger"></i>来自<a href="#">4228</a></span>
            </footer><!--end footer-->
        </div>
        <!-- end page content -->
    </div>
    <!-- end page-wrapper -->




    <!-- jQuery  -->
    <script src="../assets/js/jquery.min.js"></script>
    <script src="../assets/js/jquery-ui.min.js"></script>
    <script src="../assets/js/bootstrap.bundle.min.js"></script>
    <script src="../assets/js/metismenu.min.js"></script>
    <script src="../assets/js/waves.js"></script>
    <script src="../assets/js/feather.min.js"></script>
    <script src="../assets/js/jquery.slimscroll.min.js"></script>

    <script src="../../plugins/tiny-editable/mindmup-editabletable.js"></script>
    <script src="../../plugins/tiny-editable/numeric-input-example.js"></script>
    <script src="../../plugins/bootable/bootstable.js"></script>
    <script src="../assets/pages/jquery.tabledit.init.js"></script>

    <!-- App js -->
    <script src="../assets/js/app.js"></script>
    <script>
        // 当下拉列表框发生改变时，向后台发送请求
        // document.getElementById("page-size-select").addEventListener("change",function (event) {
        //
        // })
        $('#page-size-select').change(function (event){
            // 通过this对象，获得当前选择的值
            var pageSize = $(this).val();
            var keyword = $('#keyword').val()
            // 向服务器发送请求
            window.location = '/jobLogin/jobLogin_list?pageNum=1&pageSize=' + pageSize +'&keyword='+ keyword;

        })

        // 为清除按钮注册事件
        $('#clearBtn').click(function (event){
            // 通过this对象，获得到当前选择的值
            var pageSize = $('#page-size-select').val();
            // 向服务器发送请求
            window.location = '/jobLogin/jobLogin_list?pageNum=1&pageSize=' + pageSize;
        })

        // 为删除按钮注册单击事件
        $('.removeBtn').click(function (event){
            // 如果在<a> 上的单击事件处理器函数返回false，就会进<a>的默认行为
            return confirm('是否要删除？');
        })
    </script>

</body>

</html>